<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>SEO优化</title>
    <link rel="shortcut icon" href="images/logo.png">
    <link rel="stylesheet" type="text/css" th:href="@{css/backstage/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/font_awesome.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/backstage/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/backstage/style.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/backstage/index.css}"/>
  </head>

  <body>
    <div id="index">
      <section>
        <!-- 内容区 -->
        <div class="main_content">
          <div class="content_header">
            <a href="index.html" title="首页">
              <i class="icon icon-home"></i>首页
            </a>
            <a class="current" href="javascript:;">SEO优化</a>
          </div>

          <div class="page_content">
            <div class="layui-tab">
              <ul class="layui-tab-title">
                <li class="layui-this">全站标题SEO</li>
                <li>全部修改记录</li>
              </ul>
              <div class="layui-tab-content">
                <!-- 全站标题SEO -->
                <div class="layui-tab-item layui-show"> 
                  <div class="layui-form seo_form" >
                    <div class="layui-collapse"  style="margin:15px;" id="seo_list">
                    
                    </div>
                  </div>
                </div>
                <!-- 全部修改记录 -->
                <div class="layui-tab-item"> 
                    <div class="controls">
                      <select id="seo_type_select">
                        <option value="0">全部</option>
                        <option value="1">SEO标题</option>
                        <option value="2">SEO关键字</option>
                        <option value="3">SEO描叙</option>
                      </select>
                      <input class="input-large" name="keywords" type="text"  id="seo_ziduan_val" placeholder="请输入关键字...">
                      <button class="btn btn-inverse">
                        <i class="icon-search icon-on-right"></i>搜索
                      </button>
                      <button class="btn btn-success">
                        <i class="icon-search icon-on-right"></i>全部
                      </button>
                    </div>
                  
                  <div class="layui-tab-content">
                      <table class="layui-table" lay-even lay-filter="productList">
                        <thead>
                          <tr>
                              <th  width="3%"	lay-data="{checkbox:true}"><input type="checkbox" id="checkedAll" ></th>
                              <th  width="10%"	lay-data="{field:'time',width:'15%', align: 'center'}">时间</th>
                              <th  width="20%"	lay-data="{field:'name',width:'20%'}">SEO标题</th>
                              <th  width="20%"	lay-data="{field:'email',width:'20%'}">SEO关键词</th>
                              <th  width="20%"	lay-data="{field:'email',width:'20%'}">SEO描述</th>
                              <th  width="10%"	lay-data="{field:'email',width:'10%'}">类型</th>
                              <th  width="8%"	lay-data="{field:'opeartion',width:'15%', align: 'center'}">操作</th>
                          </tr>
                        </thead>
                        <tbody id="seolog_page_list">
                          <tr>
                            <td></td>
                            <td>2019-06-16</td>
                            <td>深圳市智立方互动科技有限公司-儿童乐园设备|淘气堡合作|淘气堡设备|儿童乐园合作|室内淘气堡|互动投影设备</td>
                            <td>儿童互动投影;室内儿童乐园</td>
                            <td>智立方互动科技有限公司,是互动室内儿童乐园合作领先品牌,致力于互动投影在儿童游乐产品,其中包含:室内淘气堡、室内儿童乐园、室内游乐场,专业互动投影儿童乐园厂家,提供室内互动投影儿童乐园合作.电话:180-2539-5671</td>
                            <td>
                              <div class="btn-group">
                                <a href="javascript:;" class="btn btn-mini btn-success check_leaveMessage" title="详情">详情</a>
                                <a href="javascript:;" class="btn btn-mini btn-delete delete_content" title="删除">删除</a>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <div id="page"></div>

                      <button class="btn btn-small btn-info J_ajax_submit_btnconfirm" id="deleteAll">批量删除</button>

                  </div>
                </div>

              </div>
            </div>
          </div>

        </div>
      </section>
    </div>

    <script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
    <script type="text/javascript" th:src="@{plugins/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{js/backstage/seo.js}"></script>
    <script type="text/javascript">
      layui.use(['element','laypage','table','layer'], function(){
        var $ = layui.jquery,
            element = layui.element, //Tab的切换功能，切换事件监听等，需要依赖element模块
            laypage = layui.laypage,
            table = layui.table,
            layer = layui.layer;
       })   
       
    </script>
  </body>

</html>